﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<title></title>
<%@ include file="/WEB-INF/component/commonCSS.jsp"%>
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
<div class="box box-primary" id="more" style="width:110px;height:35px;background-color:#222c32;position:absolute;z-index:9999;left:850px;top:100px;display:none;font-size:12px;border-top-color:#222c32;">
            <div class="box-body home-message" id="moreOp" >
            </div>
        </div>
	<section class="content-header">
		<h1>药品目录详情</h1>
		<ol class="breadcrumb">
			<li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
			<li class="active"><a href="#">基础库管理</a></li>
			<li class="active"><a href="#">药品目录查看</a></li>
			<li class="active"><a href="#">药品目录详情</a></li>
		</ol>
	</section>
	<section class="content">
		<div class=" box box-success">
			<div class="box-body">
			<form action="" id="form">
				<div class=" form-inline">
						
					   <div class="form-group form-group-xs">
                    	    <label>分类名称：</label>
							<div class="input-group">
		           				  <input class="form-control" type="text" name="qualityspecClass"  placeholder="分类名称" />
		       				</div>
                    	</div>
                    	<div class="form-group form-group-xs">
                    	    <label>品种序号：</label>
							<div class="input-group">
		           				  <input class="form-control" type="text" name="qualityspecIndex"  placeholder="品种序号" />
		       				</div>
                    	</div>
                    	
					   <div class="form-group form-group-xs">
                    	    <label>药品编码：</label>
							<div class="input-group">
		           				  <input class="form-control" type="text" name="qualityspecCode"  placeholder="药品编码" />
		       				</div>
                    	</div>
                    	   <div class="form-group form-group-xs">
                    	    <label>通用名：</label>
							<div class="input-group">
		           				  <input class="form-control" type="text" name="qualityspecName"   placeholder="通用名" />
		       				</div>
                    	</div>
                    <input type="button" id="selectDicCompType" onclick="likeQuery();" class="btn btn-success btn-sm" value="查  询">
                </div>
                </form>
            </div>
        </div>
		<table class="jqgrid" id="gridlist"></table>
		<div id="gridpage"></div>
		<div class=" box box-warning bottongroup">
			<label id="allOk" class="btn btn-default btn-sm" onclick='javascript:history.go(-1)'>返    回</label>
		</div>

    </section>
    <%@ include file="/WEB-INF/component/commonJS.jsp"%>
    <script type="text/javascript">
        $(function () {
            $("#gridlist").jqGrid({
                url: "getStdDrugcatalogDetailInfo.html?drugcatalogId=${drugcatalogId}",
                mtype: "POST",
                datatype: "json",
                autowidth: true,
                height: 270,                   	
                colNames: ['药品id','分类','品种序号','药品编码','通用名','剂型','规格'],
                colModel: [
						{ name: 'qualityspecId',hidden:true, width: "0%",align: 'center',sortable: false},		
						{ name: 'qualityspecClass', width: "20%",align: 'center',sortable: false},
						{ name: 'qualityspecIndex', width: "20%",align: 'center',sortable: false},
						{ name: 'qualityspecCode', width: "20%",align: 'center',sortable: false},
						{ name: 'qualityspecName', width: "20%",align: 'center' ,sortable: false},
						{ name: 'form', width: "20%",align: 'center',sortable: false},
						{ name: 'spec', width: "20%",align: 'center',sortable: false}
					
                ],
                rowNum: 20,
                rowList: [10, 20, 50,100],
                rownumbers: true,
                pager: "#gridpage",
                viewrecords: true,
                caption: "药品列表",
                jsonReader: {
                	repeatitems: false,
                	id: "compRegId"
                }
            });
            $("#gridlist").jqGrid('navGrid', '#gridpage', { add: false, edit: false, del: false, search: false, refresh: false });
        });
        
        function likeQuery(){
        	var data  = formatForm("form");
	       	$("#gridlist").jqGrid('setGridParam', {
	       		mtype:"post",
	       		postData:data,
	       	    page: 1 
	       }).trigger("reloadGrid");
       }
    </script>
</body>
</html>